html {
  font-size: 50px;
}
@media screen and (min-width: 320px) {
  html {
    font-size: 21.33333333px;
    height: 100%;
  }
}
@media screen and (min-width: 360px) {
  html {
    font-size: 24px;
    height: 100%;
  }
}
@media screen and (min-width: 375px) {
  html {
    font-size: 25px;
    height: 100%;
  }
}
@media screen and (min-width: 384px) {
  html {
    font-size: 25.6px;
    height: 100%;
  }
}
@media screen and (min-width: 400px) {
  html {
    font-size: 26.66666667px;
    height: 100%;
  }
}
@media screen and (min-width: 414px) {
  html {
    font-size: 27.6px;
    height: 100%;
  }
}
@media screen and (min-width: 424px) {
  html {
    font-size: 28.26666667px;
    height: 100%;
  }
}
@media screen and (min-width: 480px) {
  html {
    font-size: 32px;
    height: 100%;
  }
}
@media screen and (min-width: 540px) {
  html {
    font-size: 36px;
    height: 100%;
  }
}
@media screen and (min-width: 720px) {
  html {
    font-size: 48px;
    height: 100%;
  }
}
@media screen and (min-width: 750px) {
  html {
    font-size: 50px;
    height: 100%;
  }
}
* {
  margin: 0;
  padding: 0;
  user-select: none;
}
body {
  width: 100%;
}
html body,
#app {
  height: 100%;
}
a {
  text-decoration: none;
}
li {
  list-style: none;
}
img {
  width: 100%;
  height: 100%;
}
video {
  width: 100%;
  object-fit: fill;
}
.mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  pointer-events: none;
}
